<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>房间信息</title>
    <script src="/html/axios.min.js"></script>
    <script src="/html/room.js"></script>
    <link rel="stylesheet" href="/html/room.css">
</head>
<body>

    <table width="60%" border="1" cellspacing="0">
        <thead><tr><th>房间地址</th><th>单价</th><th>修建日期</th><th>操作</th></tr></thead>
        <tbody id="roomData"></tbody>
    </table>

    <div id="pageNo">

    </div>

<!--    动态条件分页查询 -->
    <h5>请输入查询条件:</h5>
    地址：<input type="text" id="address"><br>
    起始价格：<input type="text" id="startPrice"><br>
    结束价格：<input type="text" id="endPrice"><br>
    <input type="button" value="查询" onclick="findByItem(1)"><br>
    <input type="button" value="添加" onclick="showAddDiv()">


    <div class="showDiv" id="addDiv">
        <div class="contentDiv">
            地址：<input type="text" id="addAddress"><br>
            价格：<input type="text" id="addPrice"><br>
            修建日期：<input type="text" id="addCreateDate">
            <input type="button" value="添加" onclick="addRoom()">
        </div>
    </div>

    <div class="showDiv" id="updateDiv">
        <div class="contentDiv">
            <input type="hidden" id="id">
            地址：<span id="spanArddess"></span><br>
            价格：<input type="text" id="updatePrice"><br>
            修建日期：<span id="spanDate"></span>
            <input type="button" value="修改" onclick="updatePrice()">
        </div>
    </div>

</body>
</html>